<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Payment successful</title>
		<style>
			.header {
				position: fixed;
				display: flex;
				align-items: center;
				font-size: 0;
				padding: 26px 80px;
				z-index: 1;
			}

			.header img {
				width: 152px;
				height: 26px;
			}

			.content {
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
				box-sizing: border-box;
				padding: 0 20px;
				font: normal 12px/1.5 Arial, Helvetica, sans-serif;
			}

			.content img {
				width: 94px;
				height: 92px;
			}

			.content h2 {
				margin-top: 24px;
				font-size: 36px;
				font-weight: bold;
				color: #000000;
				line-height: 48px;
			}

			.content p {
				margin-top: 132px;
				font-size: 16px;
				font-weight: bold;
				color: #555555;
				line-height: 22px;
			}

			.content p em {
				color: #ea4c89;
				font-style: normal;
			}
		</style>
	</head>

	<body>
		<a class="header" href="/">
			<img src=""
				 alt="" />
		</a>

		<div class="content">
			<img src=""
				 alt="" />
			<h2>
				Payment successful<br />Please give us a moment. Your order status will be updated shortly.
			</h2>
			<p id="notify">
				This browser tab will close in
				<em id="countdown">5</em> seconds.
			</p>
		</div>

		<script>
			var runTimer = function () {
				var div = document.getElementById("countdown");
				var time = parseInt(div.innerText);
				if (time && time > 1) {
					div.innerText = time - 1;
					setTimeout(runTimer, 1000);
				} else {
					// 时间到
					var notify = document.getElementById("notify");

					if (notify) {
						notify.style.visibility = "hidden";
					}
					// 直接关闭
					window.close();
				}
			};
			setTimeout(runTimer, 1000);
		</script>
	</body>

</html>